<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" pageEncoding="UTF-8" buffer="128kb"%>
<%@ include file="/pages/safeai/jsp/common/taglibs.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的投诉</title>
<link href="${ctx}/css/style.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
	<!--
		.user_td1{
		line-height:30px;border-bottom:1px dashed #ddd;
		}
	-->
	</style>
        <script language="JavaScript" src="${ctx}/js/jquery.js"></script>
		<script language="JavaScript" src="${ctx}/js/filter.js"></script>
		<script language="JavaScript" src="${ctx}/js/json2.js"></script>
<script type="text/javascript">
function gotoPage(pageOffset, pageSize) {
	var form = document.getElementsByTagName("form")[1];
	form.elements["pager.offset"].value = pageOffset;
	form.elements["pageSize"].value = pageSize;
	form.submit();
}
function check() {
	 var content = document.getElementById("content").value;
	 var value3 = document.getElementById("value3").value;
	 if(value3==null || value3==""){
	 	document.getElementById("value3").focus();
	 	alert("请输入您的投诉订单号!");
	 	return ;
	 }else{
	 	if(value3.length>60){
	 		alert("投诉订单号不可能超过60个字符!");
	 		return false;
	 	}
	 }
	 if(content==null || content==""){
	 	document.getElementById("content").focus();
	 	alert("请输入您的投诉内容!");
	 	return ;
	 }else{
	 	if(content.length>255){
	 		alert("投诉内容的长度不可超过255个字符!");
	 		return false;
	 	}
	 }
	 document.getElementsByTagName('form')[2].submit();
}
</script>
</head>
<body>

<div class="bg">
		  <div class="bg_inside">
		<div class="head">
			<c:import url="/pages/safeai/jsp/shop/header.jsp"></c:import>
		</div>
<c:import url="/front/userinfo.do?method=myRayi"></c:import>

<html:form action="/front/usermsg" method="post">
<input type="hidden" name="method" value="indict">
<div class="user_order_content">
<div  class="user_order_content_top"><img src="../images/user_order_content_top.jpg" /></div>
<div class="user_order_content_center"><ul>
<li style=" background-image:url(../images/title_letter_icon.jpg); background-position:left center; background-repeat:no-repeat;padding:5px 0px 0px 15px;margin-bottom:5px;line-height:15px;color:#5a3e2e">我的投诉</li>


<logic:empty name="UsermsgRange" property="records">
<li>您目前还没有投诉记录!</li>
</logic:empty>
<logic:notEmpty name="UsermsgRange" property="records">
<li>
<table width="670px" border="0" cellpadding="0" cellspacing="0">
		<tr >
		<table width="100%"  border="0" cellpadding="0" cellspacing="0" style="color:#A6957C; background-color:#efefef"><tr>
			<td width="25%" class="user_td1" align="center">投诉时间</td>
			<td width="25%" class="user_td1" align="center">投诉对象</td>
			<td width="25%" class="user_td1" align="center">投诉类型</td>
			<td width="25%" class="user_td1" align="center">投诉订单</td>
			</tr></table>
			
		</tr>
		<logic:iterate id="usermsg" name="UsermsgRange" property="records">
				<tr style="color:#888888;">
				<table width="100%"  border="0" cellpadding="0" cellspacing="0" style="color:#A6957C; background-color:#F6F6F6"><tr>
			<td width="25%"  align="center"><bean:write name="usermsg" property="date" format="yyyy-MM-dd"/></td>
			<td width="25%"  align="center">${usermsg.value1}</td>
			<td width="25%"  align="center">${usermsg.value2}</td>
			<td width="25%"  align="center">${usermsg.value3}</td>
				</tr></table>			
		</tr>
		<tr><table width="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr><td class="user_td1" align="center">投诉内容:</td><td width="75%"  class="user_td1" align="left">${usermsg.content}</td></tr></table></tr>
		<tr><table width="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr><td  align="center">回复内容:</td><td width="75%"  align="left">${usermsg.reply}</td></tr></table></tr>
		</logic:iterate>
</table>
</li>
 

<li style="float:right;text-align:right;padding-right:30px;margin-top:20px;width:400px"> <%@ include file="/user/pageFront.jsp"%></li>
</logic:notEmpty>

</html:form>

<html:form action="/front/usermsg" method="post">
<input type="hidden" name="method" value="addIndict">
<li style="text-align:center;margin-top:20px">
投诉对象
<label>
	<select name="usermsg.value1">
		<option value="SOHO">SOHO</option>
		<option value="五棵松店">五棵松店</option>
		<option value="网上商城">网上商城</option>
	</select>
</label>
投诉类型
<label>
	<select name="usermsg.value2">
		<option value="产品方面">产品方面</option>
		<option value="价格方面">价格方面</option>
		<option value="物流方面">物流方面</option>
		<option value="服务人员">服务人员</option>
		<option value="物流服务">物流服务</option>
		<option value="售后服务">售后服务</option>
		<option value="其它">其它</option> 
	</select>
</label>　
投诉订单
<label>
  <input type="text" id="value3" name="usermsg.value3" /style="width:100px">
  </label>
</li>
<li style="text-align:center;overflow:hidden"><label>  <textarea id="content" name="usermsg.content"></textarea>
  </label></li>
  <li style="text-align:center;"><a href="#" onclick="check();" class="reg_button ">提交投诉</a></li>

</ul>			   
					   
					   
					   
	      </div>
<div  class="user_order_content_bottom"><img src="../images/user_order_content_bottom.jpg" /></div>
</div>
</div>
</html:form>

<%@ include file="/user/commonProblem.jsp"%>
<div class="bottom">
	<%@ include file="/pages/safeai/jsp/shop/bottom.jsp"%>	
	<div class="clearAll"></div>
</div>

</body>
</html>
 